<!doctype html>
<!--[if IE 7 ]>		 <html class="no-js ie ie7 lte7 lte8 lte9" lang="zh"> <![endif]-->
<!--[if IE 8 ]>		 <html class="no-js ie ie8 lte8 lte9" lang="zh"> <![endif]-->
<!--[if IE 9 ]>		 <html class="no-js ie ie9 lte9" lang="zh"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="zh"> <!--<![endif]-->
<head data-live-domain="api.jquery.com">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>CSS | jQuery API Documentation</title>

  <meta name="author" content="JS Foundation - js.foundation">
  <meta name="description" content="">

  <meta name="viewport" content="width=device-width">

  <link rel="shortcut icon" href="//api.jquery.com/jquery-wp-content/themes/api.jquery.com/i/favicon.ico">

  <link rel="stylesheet" href="//api.jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=3">
  <link rel="stylesheet" href="//api.jquery.com/jquery-wp-content/themes/api.jquery.com/style.css">

  <script src="//api.jquery.com/jquery-wp-content/themes/jquery/js/modernizr.custom.2.8.3.min.js"></script>

  <script src="https://code.jquery.com/jquery-1.11.3.js"></script>

  <script src="//api.jquery.com/jquery-wp-content/themes/jquery/js/plugins.js"></script>
  <script src="//api.jquery.com/jquery-wp-content/themes/jquery/js/main.js"></script>

  <script src="https://use.typekit.net/wde1aof.js"></script>
  <script>try{Typekit.load();}catch(e){}</script>
  <!-- at the end of the HEAD -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
  <link rel="stylesheet" href="//api.jquery.com/jquery-wp-content/themes/jquery/css/docsearch.css">

  <link rel='https://api.w.org/' href='//api.jquery.com/wp-json/' />
  <meta name="generator" content="WordPress 4.5.2" />

</head>
<body class="api jquery archive category category-css category-9 listing single-author">

<header>
  <section id="global-nav">
    <nav>
      <div class="constrain">
        <ul class="projects">
          <li class="project jquery"><a href="https://jquery.com/" title="jQuery">jQuery</a></li>
          <li class="project jquery-ui"><a href="https://jqueryui.com/" title="jQuery UI">jQuery UI</a></li>
          <li class="project jquery-mobile"><a href="https://jquerymobile.com/" title="jQuery Mobile">jQuery Mobile</a></li>
          <li class="project sizzlejs"><a href="https://sizzlejs.com/" title="Sizzle">Sizzle</a></li>
          <li class="project qunitjs"><a href="https://qunitjs.com/" title="QUnit">QUnit</a></li>
        </ul>
        <ul class="links">
          <li><a href="https://plugins.jquery.com/">Plugins</a></li>
          <li class="dropdown"><a href="https://contribute.jquery.org/">Contribute</a>
            <ul>
              <li><a href="https://js.foundation/CLA">CLA</a></li>
              <li><a href="https://contribute.jquery.org/style-guide/">Style Guides</a></li>
              <li><a href="https://contribute.jquery.org/triage/">Bug Triage</a></li>
              <li><a href="https://contribute.jquery.org/code/">Code</a></li>
              <li><a href="https://contribute.jquery.org/documentation/">Documentation</a></li>
              <li><a href="https://contribute.jquery.org/web-sites/">Web Sites</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="https://js.foundation/events">Events</a>
            <ul class="wide">
            </ul>
          </li>
          <li class="dropdown"><a href="https://jquery.org/support/">Support</a>
            <ul>
              <li><a href="https://learn.jquery.com/">Learning Center</a></li>
              <li><a href="https://irc.jquery.org/">IRC/Chat</a></li>
              <li><a href="https://forum.jquery.com/">Forums</a></li>
              <li><a href="https://stackoverflow.com/tags/jquery/info">Stack Overflow</a></li>
              <li><a href="https://jquery.org/support/">Commercial Support</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="https://js.foundation/">JS Foundation</a>
            <ul>
              <li><a href="https://js.foundation/about/join">Join</a></li>
              <li><a href="https://js.foundation/about/members">Members</a></li>
              <li><a href="https://js.foundation/about/leadership">Leadership</a></li>
              <li><a href="https://js.foundation/community/code-of-conduct">Conduct</a></li>
              <li><a href="https://js.foundation/about/donate">Donate</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </section>
</header>

<div id="container">
  <div id="logo-events" class="constrain clearfix">
    <h2 class="logo"><a href="https://jquery.com/" title="jQuery API Documentation">jQuery API Documentation</a></h2>

    <aside>
      <div id="broadcast">
        <a href="https://js.foundation/about/donate" title="Support the JS Foundation"><img src="/jquery-wp-content/themes/jquery/content/donate.png" title="Support the JS Foundation" alt="Support the JS Foundation" border="0" width="400" height="100"></a>
      </div>
    </aside>
  </div>

  <nav id="main" class="constrain clearfix">
    <div class="menu-top-container">
      <ul id="menu-top" class="menu">
        <li class="menu-item"><a href="https://jquery.com/download/">Download</a></li>
        <li class="menu-item current"><a href="https://api.jquery.com/">API Documentation</a></li>
        <li class="menu-item"><a href="https://blog.jquery.com/">Blog</a></li>
        <li class="menu-item"><a href="https://plugins.jquery.com/">Plugins</a></li>
        <li class="menu-item"><a href="https://jquery.com/browser-support/">Browser Support</a></li>
      </ul>
    </div>

    <form method="get" class="searchform" action="//api.jquery.com/">
      <button type="submit" class="icon-search"><span class="visuallyhidden">search</span></button>
      <label>
        <span class="visuallyhidden">Search jQuery API Documentation</span>
        <input type="text" name="s" value=""
               placeholder="Search">
      </label>
    </form>
  </nav>

  <div id="content-wrapper" class="clearfix row">

    <div class="content-right twelve columns">
      <div id="content">

        <header class="page-header">
          <h1 class="page-title">Category: <span>CSS</span></h1>
          <hr>
          <div class="category-archive-meta"><p>These methods get and set CSS-related properties of elements.</p>
          </div>		</header>


        <article id="post-9" class="post-9 post type-post status-publish format-standard hentry category-attributes category-class-attribute category-css category-65 category-112-and-22 category-75 category-105">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/attributes/">Attributes</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/class-attribute/">Class Attribute</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/addClass/" title="Permalink to .addClass()" rel="bookmark">.addClass()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Adds the specified class(es) to each element in the set of matched elements.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-109" class="post-109 post type-post status-publish format-standard hentry category-css category-style-properties category-65 category-75 category-86 category-104">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/css/" title="Permalink to .css()" rel="bookmark">.css()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the value of a computed style property for the first element in the set of matched elements or set one or more CSS properties for every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-257" class="post-257 post type-post status-publish format-standard hentry category-attributes category-class-attribute category-css category-71">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/attributes/">Attributes</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/class-attribute/">Class Attribute</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/hasClass/" title="Permalink to .hasClass()" rel="bookmark">.hasClass()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Determine whether any of the matched elements are assigned the given class.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-261" class="post-261 post type-post status-publish format-standard hentry category-css category-dimensions category-style-properties category-65 category-76">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/dimensions/">Dimensions</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/height/" title="Permalink to .height()" rel="bookmark">.height()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current computed height for the first element in the set of matched elements or set the height of every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-277" class="post-277 post type-post status-publish format-standard hentry category-css category-dimensions category-style-properties category-73">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/dimensions/">Dimensions</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/innerHeight/" title="Permalink to .innerHeight()" rel="bookmark">.innerHeight()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current computed inner height (including padding but not border) for the first element in the set of matched elements or set the inner height of every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-279" class="post-279 post type-post status-publish format-standard hentry category-css category-dimensions category-style-properties category-73">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/dimensions/">Dimensions</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/innerWidth/" title="Permalink to .innerWidth()" rel="bookmark">.innerWidth()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current computed inner width (including padding but not border) for the first element in the set of matched elements or set the inner width of every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-307" class="post-307 post type-post status-publish format-standard hentry category-css category-78">
          <header class="entry-header">
            <div class="entry-meta">
            </div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/jQuery.cssHooks/" title="Permalink to jQuery.cssHooks" rel="bookmark">jQuery.cssHooks</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Hook directly into jQuery to override how particular CSS properties are retrieved or set, normalize CSS property naming, or create custom properties.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-3704" class="post-3704 post type-post status-publish format-standard hentry category-css category-style-properties category-78">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/jQuery.cssNumber/" title="Permalink to jQuery.cssNumber" rel="bookmark">jQuery.cssNumber</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>An object containing all CSS properties that may be used without a unit. The .css() method uses this object to see if it may append px to unitless values.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-4232" class="post-4232 post type-post status-publish format-standard hentry category-css category-95">
          <header class="entry-header">
            <div class="entry-meta">
            </div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/jQuery.escapeSelector/" title="Permalink to jQuery.escapeSelector()" rel="bookmark">jQuery.escapeSelector()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Escapes any character that has a special meaning in a CSS selector.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-457" class="post-457 post type-post status-publish format-standard hentry category-css category-offset category-style-properties category-71 category-75">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/offset/">Offset</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/offset/" title="Permalink to .offset()" rel="bookmark">.offset()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-467" class="post-467 post type-post status-publish format-standard hentry category-css category-dimensions category-style-properties category-73">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/dimensions/">Dimensions</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/outerHeight/" title="Permalink to .outerHeight()" rel="bookmark">.outerHeight()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current computed outer height (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer height of every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-469" class="post-469 post type-post status-publish format-standard hentry category-css category-dimensions category-style-properties category-73">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/dimensions/">Dimensions</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/outerWidth/" title="Permalink to .outerWidth()" rel="bookmark">.outerWidth()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current computed outer width (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer width of every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-481" class="post-481 post type-post status-publish format-standard hentry category-css category-offset category-style-properties category-71">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/offset/">Offset</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/position/" title="Permalink to .position()" rel="bookmark">.position()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-509" class="post-509 post type-post status-publish format-standard hentry category-attributes category-class-attribute category-css category-65 category-112-and-22 category-75 category-105">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/attributes/">Attributes</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/class-attribute/">Class Attribute</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/removeClass/" title="Permalink to .removeClass()" rel="bookmark">.removeClass()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Remove a single class, multiple classes, or all classes from each element in the set of matched elements.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-525" class="post-525 post type-post status-publish format-standard hentry category-css category-offset category-style-properties category-73">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/offset/">Offset</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/scrollLeft/" title="Permalink to .scrollLeft()" rel="bookmark">.scrollLeft()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current horizontal position of the scroll bar for the first element in the set of matched elements or set the horizontal position of the scroll bar for every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-527" class="post-527 post type-post status-publish format-standard hentry category-css category-offset category-style-properties category-73">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/offset/">Offset</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/scrollTop/" title="Permalink to .scrollTop()" rel="bookmark">.scrollTop()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-569" class="post-569 post type-post status-publish format-standard hentry category-attributes category-class-attribute category-css category-65 category-112-and-22 category-74 category-75 category-105">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/attributes/">Attributes</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/class-attribute/">Class Attribute</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/toggleClass/" title="Permalink to .toggleClass()" rel="bookmark">.toggleClass()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Add or remove one or more classes from each element in the set of matched elements, depending on either the class&#8217;s presence or the value of the state argument.</p>
          </div><!-- .entry-summary -->
        </article>

        <article id="post-587" class="post-587 post type-post status-publish format-standard hentry category-css category-dimensions category-style-properties category-65 category-76">
          <header class="entry-header">
            <div class="entry-meta">
              Also in: <span class="category"><a href="//api.jquery.com/category/dimensions/">Dimensions</a></span><span class="category-divider"> | </span><span class="category"><a href="//api.jquery.com/category/manipulation/">Manipulation</a> &gt; <a href="//api.jquery.com/category/manipulation/style-properties/">Style Properties</a></span>		</div>
            <h1 class="entry-title">
              <a href="//api.jquery.com/width/" title="Permalink to .width()" rel="bookmark">.width()</a>
            </h1>
          </header>

          <div class="entry-summary">
            <p>Get the current computed width for the first element in the set of matched elements or set the width of every matched element.</p>
          </div><!-- .entry-summary -->
        </article>

        <div class="pagination"></div>
      </div>

      <div id="sidebar" class="widget-area" role="complementary">
        <aside id="categories" class="widget">
          <ul>
            <li class="cat-item cat-item-1"><a href="//api.jquery.com/category/ajax/" >Ajax</a>
              <ul class='children'>
                <li class="cat-item cat-item-2"><a href="//api.jquery.com/category/ajax/global-ajax-event-handlers/" >Global Ajax Event Handlers</a>
                </li>
                <li class="cat-item cat-item-3"><a href="//api.jquery.com/category/ajax/helper-functions/" >Helper Functions</a>
                </li>
                <li class="cat-item cat-item-4"><a href="//api.jquery.com/category/ajax/low-level-interface/" >Low-Level Interface</a>
                </li>
                <li class="cat-item cat-item-5"><a href="//api.jquery.com/category/ajax/shorthand-methods/" >Shorthand Methods</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-6"><a href="//api.jquery.com/category/attributes/" >Attributes</a>
            </li>
            <li class="cat-item cat-item-7"><a href="//api.jquery.com/category/callbacks-object/" >Callbacks Object</a>
            </li>
            <li class="cat-item cat-item-8"><a href="//api.jquery.com/category/core/" >Core</a>
            </li>
            <li class="cat-item cat-item-9 current-cat"><a href="//api.jquery.com/category/css/" >CSS</a>
            </li>
            <li class="cat-item cat-item-10"><a href="//api.jquery.com/category/data/" >Data</a>
            </li>
            <li class="cat-item cat-item-11"><a href="//api.jquery.com/category/deferred-object/" >Deferred Object</a>
            </li>
            <li class="cat-item cat-item-87"><a href="//api.jquery.com/category/deprecated/" >Deprecated</a>
              <ul class='children'>
                <li class="cat-item cat-item-90"><a href="//api.jquery.com/category/deprecated/deprecated-1.3/" >Deprecated 1.3</a>
                </li>
                <li class="cat-item cat-item-88"><a href="//api.jquery.com/category/deprecated/deprecated-1.7/" >Deprecated 1.7</a>
                </li>
                <li class="cat-item cat-item-89"><a href="//api.jquery.com/category/deprecated/deprecated-1.8/" >Deprecated 1.8</a>
                </li>
                <li class="cat-item cat-item-94"><a href="//api.jquery.com/category/deprecated/deprecated-1.9/" >Deprecated 1.9</a>
                </li>
                <li class="cat-item cat-item-93"><a href="//api.jquery.com/category/deprecated/deprecated-1.10/" >Deprecated 1.10</a>
                </li>
                <li class="cat-item cat-item-98"><a href="//api.jquery.com/category/deprecated/deprecated-3.0/" >Deprecated 3.0</a>
                </li>
                <li class="cat-item cat-item-101"><a href="//api.jquery.com/category/deprecated/deprecated-3.2/" >Deprecated 3.2</a>
                </li>
                <li class="cat-item cat-item-99"><a href="//api.jquery.com/category/deprecated/deprecated-3.3/" >Deprecated 3.3</a>
                </li>
                <li class="cat-item cat-item-100"><a href="//api.jquery.com/category/deprecated/deprecated-3.4/" >Deprecated 3.4</a>
                </li>
                <li class="cat-item cat-item-102"><a href="//api.jquery.com/category/deprecated/deprecated-3.5/" >Deprecated 3.5</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-12"><a href="//api.jquery.com/category/dimensions/" >Dimensions</a>
            </li>
            <li class="cat-item cat-item-13"><a href="//api.jquery.com/category/effects/" >Effects</a>
              <ul class='children'>
                <li class="cat-item cat-item-14"><a href="//api.jquery.com/category/effects/basics/" >Basics</a>
                </li>
                <li class="cat-item cat-item-15"><a href="//api.jquery.com/category/effects/custom-effects/" >Custom</a>
                </li>
                <li class="cat-item cat-item-16"><a href="//api.jquery.com/category/effects/fading/" >Fading</a>
                </li>
                <li class="cat-item cat-item-17"><a href="//api.jquery.com/category/effects/sliding/" >Sliding</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-18"><a href="//api.jquery.com/category/events/" >Events</a>
              <ul class='children'>
                <li class="cat-item cat-item-19"><a href="//api.jquery.com/category/events/browser-events/" >Browser Events</a>
                </li>
                <li class="cat-item cat-item-20"><a href="//api.jquery.com/category/events/document-loading/" >Document Loading</a>
                </li>
                <li class="cat-item cat-item-21"><a href="//api.jquery.com/category/events/event-handler-attachment/" >Event Handler Attachment</a>
                </li>
                <li class="cat-item cat-item-22"><a href="//api.jquery.com/category/events/event-object/" >Event Object</a>
                </li>
                <li class="cat-item cat-item-23"><a href="//api.jquery.com/category/events/form-events/" >Form Events</a>
                </li>
                <li class="cat-item cat-item-24"><a href="//api.jquery.com/category/events/keyboard-events/" >Keyboard Events</a>
                </li>
                <li class="cat-item cat-item-25"><a href="//api.jquery.com/category/events/mouse-events/" >Mouse Events</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-26"><a href="//api.jquery.com/category/forms/" >Forms</a>
            </li>
            <li class="cat-item cat-item-27"><a href="//api.jquery.com/category/internals/" >Internals</a>
            </li>
            <li class="cat-item cat-item-28"><a href="//api.jquery.com/category/manipulation/" >Manipulation</a>
              <ul class='children'>
                <li class="cat-item cat-item-29"><a href="//api.jquery.com/category/manipulation/class-attribute/" >Class Attribute</a>
                </li>
                <li class="cat-item cat-item-30"><a href="//api.jquery.com/category/manipulation/copying/" >Copying</a>
                </li>
                <li class="cat-item cat-item-32"><a href="//api.jquery.com/category/manipulation/dom-insertion-around/" >DOM Insertion, Around</a>
                </li>
                <li class="cat-item cat-item-33"><a href="//api.jquery.com/category/manipulation/dom-insertion-inside/" >DOM Insertion, Inside</a>
                </li>
                <li class="cat-item cat-item-34"><a href="//api.jquery.com/category/manipulation/dom-insertion-outside/" >DOM Insertion, Outside</a>
                </li>
                <li class="cat-item cat-item-35"><a href="//api.jquery.com/category/manipulation/dom-removal/" >DOM Removal</a>
                </li>
                <li class="cat-item cat-item-36"><a href="//api.jquery.com/category/manipulation/dom-replacement/" >DOM Replacement</a>
                </li>
                <li class="cat-item cat-item-37"><a href="//api.jquery.com/category/manipulation/general-attributes/" >General Attributes</a>
                </li>
                <li class="cat-item cat-item-38"><a href="//api.jquery.com/category/manipulation/style-properties/" >Style Properties</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-39"><a href="//api.jquery.com/category/miscellaneous/" >Miscellaneous</a>
              <ul class='children'>
                <li class="cat-item cat-item-40"><a href="//api.jquery.com/category/miscellaneous/collection-manipulation/" >Collection Manipulation</a>
                </li>
                <li class="cat-item cat-item-41"><a href="//api.jquery.com/category/miscellaneous/data-storage/" >Data Storage</a>
                </li>
                <li class="cat-item cat-item-42"><a href="//api.jquery.com/category/miscellaneous/dom-element-methods/" >DOM Element Methods</a>
                </li>
                <li class="cat-item cat-item-43"><a href="//api.jquery.com/category/miscellaneous/setup-methods/" >Setup Methods</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-44"><a href="//api.jquery.com/category/offset/" >Offset</a>
            </li>
            <li class="cat-item cat-item-45"><a href="//api.jquery.com/category/properties/" >Properties</a>
              <ul class='children'>
                <li class="cat-item cat-item-46"><a href="//api.jquery.com/category/properties/jquery-object-instance-properties/" >Properties of jQuery Object Instances</a>
                </li>
                <li class="cat-item cat-item-47"><a href="//api.jquery.com/category/properties/global-jquery-object-properties/" >Properties of the Global jQuery Object</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-92"><a href="//api.jquery.com/category/removed/" >Removed</a>
            </li>
            <li class="cat-item cat-item-48"><a href="//api.jquery.com/category/selectors/" >Selectors</a>
              <ul class='children'>
                <li class="cat-item cat-item-49"><a href="//api.jquery.com/category/selectors/attribute-selectors/" >Attribute</a>
                </li>
                <li class="cat-item cat-item-50"><a href="//api.jquery.com/category/selectors/basic-css-selectors/" >Basic</a>
                </li>
                <li class="cat-item cat-item-51"><a href="//api.jquery.com/category/selectors/basic-filter-selectors/" >Basic Filter</a>
                </li>
                <li class="cat-item cat-item-52"><a href="//api.jquery.com/category/selectors/child-filter-selectors/" >Child Filter</a>
                </li>
                <li class="cat-item cat-item-53"><a href="//api.jquery.com/category/selectors/content-filter-selector/" >Content Filter</a>
                </li>
                <li class="cat-item cat-item-54"><a href="//api.jquery.com/category/selectors/form-selectors/" >Form</a>
                </li>
                <li class="cat-item cat-item-55"><a href="//api.jquery.com/category/selectors/hierarchy-selectors/" >Hierarchy</a>
                </li>
                <li class="cat-item cat-item-56"><a href="//api.jquery.com/category/selectors/jquery-selector-extensions/" >jQuery Extensions</a>
                </li>
                <li class="cat-item cat-item-57"><a href="//api.jquery.com/category/selectors/visibility-filter-selectors/" >Visibility Filter</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-58"><a href="//api.jquery.com/category/traversing/" >Traversing</a>
              <ul class='children'>
                <li class="cat-item cat-item-59"><a href="//api.jquery.com/category/traversing/filtering/" >Filtering</a>
                </li>
                <li class="cat-item cat-item-60"><a href="//api.jquery.com/category/traversing/miscellaneous-traversal/" >Miscellaneous Traversing</a>
                </li>
                <li class="cat-item cat-item-61"><a href="//api.jquery.com/category/traversing/tree-traversal/" >Tree Traversal</a>
                </li>
              </ul>
            </li>
            <li class="cat-item cat-item-63"><a href="//api.jquery.com/category/utilities/" >Utilities</a>
            </li>
            <li class="cat-item cat-item-64"><a href="//api.jquery.com/category/version/" >Version</a>
              <ul class='children'>
                <li class="cat-item cat-item-65"><a href="//api.jquery.com/category/version/1.0/" >Version 1.0</a>
                </li>
                <li class="cat-item cat-item-66"><a href="//api.jquery.com/category/version/1.0.4/" >Version 1.0.4</a>
                </li>
                <li class="cat-item cat-item-67"><a href="//api.jquery.com/category/version/1.1/" >Version 1.1</a>
                </li>
                <li class="cat-item cat-item-68"><a href="//api.jquery.com/category/version/1.1.2/" >Version 1.1.2</a>
                </li>
                <li class="cat-item cat-item-69"><a href="//api.jquery.com/category/version/1.1.3/" >Version 1.1.3</a>
                </li>
                <li class="cat-item cat-item-70"><a href="//api.jquery.com/category/version/1.1.4/" >Version 1.1.4</a>
                </li>
                <li class="cat-item cat-item-71"><a href="//api.jquery.com/category/version/1.2/" >Version 1.2</a>
                </li>
                <li class="cat-item cat-item-72"><a href="//api.jquery.com/category/version/1.2.3/" >Version 1.2.3</a>
                </li>
                <li class="cat-item cat-item-73"><a href="//api.jquery.com/category/version/1.2.6/" >Version 1.2.6</a>
                </li>
                <li class="cat-item cat-item-74"><a href="//api.jquery.com/category/version/1.3/" >Version 1.3</a>
                </li>
                <li class="cat-item cat-item-75"><a href="//api.jquery.com/category/version/1.4/" >Version 1.4</a>
                </li>
                <li class="cat-item cat-item-76"><a href="//api.jquery.com/category/version/1.4.1/" >Version 1.4.1</a>
                </li>
                <li class="cat-item cat-item-77"><a href="//api.jquery.com/category/version/1.4.2/" >Version 1.4.2</a>
                </li>
                <li class="cat-item cat-item-78"><a href="//api.jquery.com/category/version/1.4.3/" >Version 1.4.3</a>
                </li>
                <li class="cat-item cat-item-79"><a href="//api.jquery.com/category/version/1.4.4/" >Version 1.4.4</a>
                </li>
                <li class="cat-item cat-item-80"><a href="//api.jquery.com/category/version/1.5/" >Version 1.5</a>
                </li>
                <li class="cat-item cat-item-81"><a href="//api.jquery.com/category/version/1.5.1/" >Version 1.5.1</a>
                </li>
                <li class="cat-item cat-item-82"><a href="//api.jquery.com/category/version/1.6/" >Version 1.6</a>
                </li>
                <li class="cat-item cat-item-83"><a href="//api.jquery.com/category/version/1.7/" >Version 1.7</a>
                </li>
                <li class="cat-item cat-item-84"><a href="//api.jquery.com/category/version/1.8/" >Version 1.8</a>
                </li>
                <li class="cat-item cat-item-86"><a href="//api.jquery.com/category/version/1.9/" >Version 1.9</a>
                </li>
                <li class="cat-item cat-item-103"><a href="//api.jquery.com/category/version/1.12-and-2.2/" >Version 1.12 &amp; 2.2</a>
                </li>
                <li class="cat-item cat-item-95"><a href="//api.jquery.com/category/version/3.0/" >Version 3.0</a>
                </li>
                <li class="cat-item cat-item-96"><a href="//api.jquery.com/category/version/3.1/" >Version 3.1</a>
                </li>
                <li class="cat-item cat-item-104"><a href="//api.jquery.com/category/version/3.2/" >Version 3.2</a>
                </li>
                <li class="cat-item cat-item-105"><a href="//api.jquery.com/category/version/3.3/" >Version 3.3</a>
                </li>
                <li class="cat-item cat-item-106"><a href="//api.jquery.com/category/version/3.4/" >Version 3.4</a>
                </li>
                <li class="cat-item cat-item-107"><a href="//api.jquery.com/category/version/3.5/" >Version 3.5</a>
                </li>
              </ul>
            </li>
          </ul>
        </aside>
      </div>
    </div>

  </div>
</div>

<footer class="clearfix simple">
  <div class="constrain">
    <div class="row">
      <div class="six columns offset-by-three">
        <h3><span>Books</span></h3>
        <ul class="books">
          <li>
            <a href="https://www.packtpub.com/web-development/learning-jquery-fourth-edition">
              <img src="//api.jquery.com/jquery-wp-content/themes/jquery/content/books/learning-jquery-4th-ed.jpg" alt="Learning jQuery 4th Edition by Karl Swedberg and Jonathan Chaffer" width="92" height="114">
              Learning jQuery Fourth Edition
              <cite>Karl Swedberg and Jonathan Chaffer</cite>
            </a>
          </li>
          <li>
            <a href="https://www.manning.com/books/jquery-in-action-third-edition">
              <img src="//api.jquery.com/jquery-wp-content/themes/jquery/content/books/jquery-in-action.jpg" alt="jQuery in Action by Bear Bibeault, Yehuda Katz, and Aurelio De Rosa" width="92" height="114">
              jQuery in Action
              <cite>Bear Bibeault, Yehuda Katz, and Aurelio De Rosa</cite>
            </a>
          </li>
          <li>
            <a href="https://www.syncfusion.com/ebooks/jquery">
              <img src="//api.jquery.com/jquery-wp-content/themes/jquery/content/books/jquery-succinctly.jpg" alt="jQuery Succinctly by Cody Lindley" width="92" height="114">
              jQuery Succinctly
              <cite>Cody Lindley</cite>
            </a>
          </li>
        </ul>
      </div>
    </div>


    <div id="legal">
      <ul class="footer-site-links">
        <li><a class="icon-pencil" href="https://learn.jquery.com/">Learning Center</a></li>
        <li><a class="icon-group" href="https://forum.jquery.com/">Forum</a></li>
        <li><a class="icon-wrench" href="https://api.jquery.com/">API</a></li>
        <li><a class="icon-twitter" href="https://twitter.com/jquery">Twitter</a></li>
        <li><a class="icon-comments" href="https://irc.jquery.org/">IRC</a></li>
        <li><a class="icon-github" href="https://github.com/jquery">GitHub</a></li>
      </ul>
      <p class="copyright">
        Copyright 2021 <a href="https://openjsf.org/">OpenJS Foundation</a> and jQuery contributors. All rights reserved. See <a href="https://jquery.org/license/">jQuery License</a> for more information. The <a href="https://openjsf.org/">OpenJS Foundation</a> has registered trademarks and uses trademarks. For a list of trademarks of the <a href="https://openjsf.org/">OpenJS Foundation</a>, please see our <a href="https://trademark-policy.openjsf.org/">Trademark Policy</a> and <a href="https://trademark-list.openjsf.org/">Trademark List</a>. Trademarks and logos not indicated on the <a href="https://trademark-list.openjsf.org/">list of OpenJS Foundation trademarks</a> are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them. OpenJS Foundation <a href="https://terms-of-use.openjsf.org/">Terms of Use</a>, <a href="https://privacy-policy.openjsf.org/">Privacy</a>, and <a href="https://www.linuxfoundation.org/cookies">Cookie</a> Policies also apply.
        <span class="sponsor-line"><a href="https://www.digitalocean.com" class="do-link">Web hosting by Digital Ocean</a> | <a href="https://www.stackpath.com" class="sp-link">CDN by StackPath</a></span>
      </p>
    </div>

  </div>
</footer>

<script type='text/javascript' src='//api.jquery.com/wp-includes/js/wp-embed.min.js?ver=4.5.2'></script>
<!-- at the end of the BODY -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"  onload="document.querySelector('input[name=\'s\']') && docsearch({apiKey: '3cfde9aca378c8aab554d5bf1b23489b',
		indexName: 'jquery',
		inputSelector: 'input[name=\'s\']',
		debug: true // Set debug to true if you want to inspect the dropdown
	})" async></script>
</body>
</html>
